.user-info-content{
    width:100%;
    overflow:hidden;
    background:#ffffff;
    padding-top:0.75rem;
}
.user-info-content .user-list{
    width:100%;
    overflow:hidden;
}
.user-info-content .list-li{
    width:100%;
    height:3rem;
    line-height:2.5rem;
    position:relative;
    display:flex;
    border-bottom:1px solid #e5e5e5;
    overflow:  hidden;
}
.user-info-content .list-li:first-child{
    height:4rem;
    line-height:4rem;
}
.user-info-content .list-li .left{
    margin-left:0.75rem;
    margin-right:auto;
}
.user-info-content .list-li .right{
    margin-right:0.75rem;
    position:  relative;
    display:  flex;
    overflow:hidden;
    /* width:  2.5rem; */
}
.user-info-content .list-li:first-child .right{
    margin-top:0.75rem
}
.user-info-content .list-li .right .text{
    color:#999999;
}
.user-info-content .list-li:first-child .right img{
    /* margin-top:0.75rem; */
}
.user-info-content .list-li:first-child .right .icon{
    /* margin-top:1.75rem */
}
.user-info-content .list-li .right .icon{
    background: url("../images/href-icon.png") no-repeat center center;
    background-size: 100% 100%;
    display:block;
    width:0.5rem;
    height:0.75rem;
    margin-top:0.85rem;
    margin-left:0.5rem;
}
.user-info-content .list-li .right img{
    display:inline-block;
    height:2.5rem;
    width:2.5rem;
}
.user-info-content.user-set-content .list-li:last-child{
    border-top:0.75rem solid #f2f2f2;
}
.user-info-content.user-set-content .list-li .right{
    height: 2.5rem;
    /* width: 2.5rem; */
    position:relative;
}
.user-info-content.user-set-content .list-li .upload-img{
    display: inline-block;
    height: 2.5rem;
    width: 2.5rem;
    position:absolute;
    left:0;
    top:0;
    opacity:0;
}
.user-info-content.user-set-content .list-li .text-input{
    text-align:  right;
}
.hide-name{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #f2f2f2;
    transform: translate(0,100%);
    transition: all 0.5s;
}
.hidenameon{
    transform: translate(0,0);
}
.backTo{
    position: absolute;
    z-index: 0;
}
.hide-name .top-info{
    width:100%;
    height:2.5rem;
    line-height:2.5rem;
    background:#f2f2f2;
    display:flex;
}
.hide-name .top-info .cancle{
    margin-left:0.75rem;
    margin-right:auto;
}
.hide-name .top-info .finish{
    margin-right:0.75rem;
}
.hide-name .bottom-info{
    width:100%;
    height:2.5rem;
    line-height:2.5rem;
    background:#ffffff;
    display:flex;
    position: relative;
}
.hide-name .bottom-info input{
    width: 80%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding-left:0.75rem;
}
.hide-name .bottom-info .close-icon{
    background: url("../images/close-icon.png") no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    position:absolute;
    right:0.75rem;
    top:0.75rem
}
.jqqd-con{

    width:10rem;
    height:4rem;
    background:#303030;
    color:#ffffff;
    text-align:center;
    border-radius:5px;
    position:fixed;
    left:50%;
    margin-left:-5rem;
    top:50%;
    margin-top:-2rem;
    line-height:4rem;
    font-size:16px;
    display: none;
}